<template>
  <h1>轮播图组件</h1>
  <el-carousel style="width: 500px">
    <el-carousel-item ><img src="carousel1.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel2.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel3.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel4.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
  </el-carousel>
  <hr>
  <el-carousel style="width: 500px" trigger="click">
    <el-carousel-item ><img src="carousel1.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel2.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel3.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel4.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
  </el-carousel>
  <hr>
  <el-carousel style="width: 1000px" type="card" motion-blur >
    <el-carousel-item ><img src="carousel1.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel2.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel3.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
    <el-carousel-item ><img src="carousel4.jpg" alt="" style="width: 100%; height: 100%;" ></el-carousel-item>
  </el-carousel>
</template>
<script setup>

</script>
<style scoped>

</style>